<!doctype html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" type="text/css" href="../bootstrap-4.3.1-dist/css/bootstrap.min.css">
    <title>内容文字排版</title>
    <script src="../bootstrap-4.3.1-dist/js/jquery-1.7.2.js"></script>
    <script src="../bootstrap-4.3.1-dist/js/bootstrap.min.js"></script>
    <script src="../bootstrap-4.3.1-dist/js/popper.js"></script>

</head>
<body>
        <!--标题：实现方式一 -->
        <h1>h1. Bootstrap heading</h1>
        <h2>h2. Bootstrap heading</h2>
        <h3>h3. Bootstrap heading</h3>
        <h4>h4. Bootstrap heading</h4>
        <h5>h5. Bootstrap heading</h5>
        <h6>h6. Bootstrap heading</h6>

        <br>
        <br>
        <br>

        <!--标题：实现方式二 -->
        <p class="h1">撩课学院<small class="text-muted">(itLike.com)</small></p>
        <p class="h2">撩课学院(itLike.com)</p>
        <p class="h3">撩课学院(itLike.com)</p>
        <p class="h4">撩课学院(itLike.com)</p>
        <p class="h5">撩课学院(itLike.com)</p>
        <p class="h6">撩课学院(itLike.com)</p>

        <br>
        <br>
        <br>
        <br>

        <p class="lead">
            Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus.
        </p>

        <p><code>JavaScript</code>是世界上最好的语言！</p>
</body>
</html>